<!DOCTYPE html>
<html>
<head>
    <title></title>
    <!--#parse("sys/header.html")--> <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <!--bootstrap-->
    <link rel="stylesheet" href="/static/vue/css/bootstrap.min.css">
    <link rel="stylesheet" href="/static/vue/css/font-awesome.min.css">
    <!--jqgrid-->
    <link rel="stylesheet" href="/static/vue/plugins/jqgrid/ui.jqgrid-bootstrap.css">
    <link rel="stylesheet" href="/static/vue/plugins/ztree/css/metroStyle/metroStyle.css">
    <!--main-->
    <link rel="stylesheet" href="/static/vue/css/main.css">
    <link rel="stylesheet" href="/static/vue/css/iview.css">
    <!--treegrid-->
    <link rel="stylesheet" href="/static/vue/plugins/treegrid/jquery.treegrid.css">
    <!--富文本-->
    <link rel="stylesheet" href='/static/vue/plugins/froala_editor/css/froala_editor.min.css'/>

    <link rel="stylesheet" href="/static/vue/css/style.css">
    <!--jquery-->
    <script src="/static/vue/libs/jquery.min.js"></script>
    <!--layer-->
    <script src="/static/vue/plugins/layer/layer.js"></script>
    <!--bootstrap-->
    <script src="/static/vue/libs/bootstrap.min.js"></script>
    <!--vue-->
    <script src="/static/vue/libs/vue.min.js"></script>
    <script src="/static/vue/libs/iview.min.js"></script>
    <!--jqgrid-->
    <script src="/static/vue/plugins/jqgrid/grid.locale-cn.js"></script>
    <script src="/static/vue/plugins/jqgrid/jquery.jqGrid.min.js"></script>
    <!--ztree-->
    <script src="/static/vue/plugins/ztree/jquery.ztree.all.min.js"></script>
    <!--treegrid-->
    <script src="/static/vue/plugins/treegrid/jquery.treegrid.extension.js"></script>
    <script src="/static/vue/plugins/treegrid/jquery.treegrid.min.js"></script>
    <script src="/static/vue/plugins/treegrid/jquery.treegrid.bootstrap3.js"></script>
    <script src="/static/vue/plugins/treegrid/tree.table.js"></script>

    <!--simplemde富文本-->
    <script src='/static/vue/plugins/froala_editor/js/froala_editor.min.js'></script>
    <!--[if lt IE 9]>
    <script src="/static/vue/plugins/froala_editor/js/froala_editor_ie8.min.js"></script>
    <![endif]-->
    <script src="/static/vue/plugins/froala_editor/js/plugins/tables.min.js"></script>
    <script src="/static/vue/plugins/froala_editor/js/plugins/lists.min.js"></script>
    <script src="/static/vue/plugins/froala_editor/js/plugins/colors.min.js"></script>
    <script src="/static/vue/plugins/froala_editor/js/plugins/media_manager.min.js"></script>
    <script src="/static/vue/plugins/froala_editor/js/plugins/font_family.min.js"></script>
    <script src="/static/vue/plugins/froala_editor/js/plugins/font_size.min.js"></script>
    <script src="/static/vue/plugins/froala_editor/js/plugins/block_styles.min.js"></script>
    <script src="/static/vue/plugins/froala_editor/js/plugins/video.min.js"></script>
    <script src="/static/vue/plugins/froala_editor/js/langs/zh_cn.js"></script>

    <script src="/static/vue/libs/jquery-extend.js"></script>
    <script src="/static/vue/libs/iNotify.js"></script>
    <script src="/static/vue/js/common.js"></script>

</head>
<body>
<div id="rrapp" v-cloak>
	<div v-show="showList">
        <Row :gutter="16">
            <i-col span="4">
                <i-input v-model="q.bookName" @on-enter="query" placeholder="名称"/>
            </i-col>
            <i-button @click="query">查询</i-button>
			<!--#if($shiro.hasPermission("cart:save"))-->
            <i-button type="info" @click="add"><i class="fa fa-plus"></i>&nbsp;新增</i-button>
			<!--#end
			#if($shiro.hasPermission("cart:update"))-->
            <i-button type="warning" @click="update"><i class="fa fa-pencil-square-o"></i>&nbsp;修改</i-button>
			<!--#end
			#if($shiro.hasPermission("cart:delete"))-->
            <i-button type="error" @click="del"><i class="fa fa-trash-o"></i>&nbsp;删除</i-button>
			<!--#end-->
        </Row>
	    <table id="jqGrid"></table>
	    <div id="jqGridPager"></div>
    </div>

    <Card v-show="!showList">
        <p slot="title">{{title}}</p>
		<i-form :model="cart" :label-width="80">
            <Form-item label="会员Id" prop="userId">
                <i-input v-model="cart.userId" placeholder="会员Id"/>
            </Form-item>
            <Form-item label="商品Id" prop="goodsId">
                <i-input v-model="cart.goodsId" placeholder="商品Id"/>
            </Form-item>
            <Form-item label="商品名称" prop="goodsSn">
                <i-input v-model="cart.goodsSn" placeholder="商品序列号"/>
            </Form-item>
            <Form-item label="产品Id" prop="productId">
                <i-input v-model="cart.productId" placeholder="产品Id"/>
            </Form-item>
            <Form-item label="产品名称" prop="goodsName">
                <i-input v-model="cart.goodsName" placeholder="产品名称"/>
            </Form-item>
            <Form-item label="市场价" prop="marketPrice">
                <i-input v-model="cart.marketPrice" placeholder="市场价"/>
            </Form-item>
            <Form-item label="零售价格" prop="retailPrice">
                <i-input v-model="cart.retailPrice" placeholder="零售价格"/>
            </Form-item>
            <Form-item label="数量" prop="number">
                <i-input v-model="cart.number" placeholder="数量"/>
            </Form-item>
            <Form-item label="规格属性组成的字符串，用来显示用" prop="goodsSpecifitionNameValue">
                <i-input v-model="cart.goodsSpecifitionNameValue" placeholder="规格属性组成的字符串，用来显示用"/>
            </Form-item>
            <Form-item label="product表对应的goods_specifition_ids" prop="goodsSpecifitionIds">
                <i-input v-model="cart.goodsSpecifitionIds" placeholder="product表对应的goods_specifition_ids"/>
            </Form-item>
            <Form-item label="" prop="checked">
                <i-input v-model="cart.checked" placeholder=""/>
            </Form-item>
            <Form-item label="商品图片" prop="listPicUrl">
                <i-input v-model="cart.listPicUrl" placeholder="商品图片"/>
            </Form-item>
            <Form-item>
                <i-button type="primary" @click="handleSubmit('formValidate')">提交</i-button>
                <i-button type="warning" @click="reload" style="margin-left: 8px"/>返回</i-button>
                <i-button type="ghost" @click="handleReset('formValidate')" style="margin-left: 8px">重置</i-button>
            </Form-item>
        </i-form>
	</Card>
</div>

<script src="/static/vue/js/shop/cart.js"></script>
</body>
</html>